<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>404</title>
    <style>
        *{margin: 0;padding: 0}
        .warp{width: 100%}
        .content{width: 7.5rem;margin:1rem auto;text-align: center}
        .content>img{width: 3rem;}
        .p1{font-size: 0.6rem;color: #666;border-bottom: 0.02rem solid #dedede;padding-bottom: 0.3rem;width: 80%;margin: auto}
        .p2{font-size: 0.3rem;color: #666;margin-top: 0.2rem;text-align: left;padding-left: 0.8rem}
        .p4{font-size: 0.2rem;color: #666;margin-top: 0.2rem}
        .btn{outline: none;border: none;width: 2.5rem;height: 0.8rem;background:#55bf9b;color: white;border-radius: 0.1rem;margin-top: 0.1rem}
    </style>
</head>
<body>
      <div class="warp">
          <div class="content">
              <img src="__TMPL__/public/assets/images/ccl.png" alt="">
              <p class="p1">哎呀！出错了</p>
              <p class="p2">可能原因 : </p>
              <p class="p4">已被丢失不存在</p>
              <p class="p4">输入网址不正确</p>
              <p class="p4">页面程序出错</p>
             <a href="/"><input class="btn" type="button" value="返回首页"></a>
          </div>
      </div>
</body>
<script>
    ;(function(win) {
        var doc = win.document;
        var docEl = doc.documentElement;
        var tid;

        function refreshRem() {
            var width = docEl.getBoundingClientRect().width;
            if (width > 540) { // 最大宽度
                width = 540;
            }
            var rem = width / 7.5;
            docEl.style.fontSize = rem + 'px';
        }

        win.addEventListener('resize', function() {
            clearTimeout(tid);
            tid = setTimeout(refreshRem, 300);
        }, false);
        win.addEventListener('pageshow', function(e) {
            if (e.persisted) {
                clearTimeout(tid);
                tid = setTimeout(refreshRem, 300);
            }
        }, false);

        refreshRem();

    })(window);
</script>
</html>